<template>
 <div class="btn" v-if="store.isUnfold" @click="inshow"><el-icon><Expand /></el-icon></div>
 <div class="btns"  v-else @click="inshow"><el-icon><Fold /></el-icon></div>
</template>

<script setup lang="ts">
import { Store } from "../../pinia/index";
import { Fold,Expand} from '@element-plus/icons-vue'
let store=Store()
// 点击展开收缩
let inshow=()=>{
    store.isUnfold=!store.isUnfold
}
</script>

<style scoped>
.btn{
    position: absolute;
    top: 200px;
    left:210px;
    font-size: 30px;
    color: pink;
    transform: translateX(-140px);
}
.btns{
    position: absolute;
    top: 200px;
    left:210px;
    font-size: 30px;
    color: pink;

}
</style>